<template>
  <div class="card g-radius-border">
    <div class="head">
      <div class="title g-card-title g-nowrap">北京三快在线科技有限公司</div>
      <div class="time">
        <span>提出时间</span><span>2021-10-12 </span>
        <span>11:12:55</span>
      </div>
    </div>
    <div class="line g-line"></div>
    <div class="main">
      <div class="name">
        <div>
          <span>客户名称:</span><span>北京三快云计算有限公司</span>
        </div>
         <div>
          <span>需求内容：</span><span>OTN电路JT20221029310客户</span>
        </div>
      </div>
      <div class="state-wrap">
        <div class="state-txt" >处理中</div>
        <div class="state-tip">超时</div>
      </div>
    </div>
    <div class="link-wrap">
      <div class="link-discrib">
        <p>徐小凤，北京田主任答复：华为初步答复。9月18日完成生产，考虑5填物</p>
      </div>
      <div class="link-icon">></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "CaseCard",
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.card {
  padding: 7px;
  background: #fff;
  .head {
    display: flex;
    justify-content: space-between;
    .time {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 178px;
    }
  }
  .line {
    margin: 7px 0;
  }
 .main{
   display: flex;
   justify-content: space-between;
 }
 .link-wrap{
    display: flex;
   justify-content: space-between;
 }
}
</style>